/* 导航 */
body {
    font-family: "Microsoft YaHei";
    color: #333333;
    margin: 0 auto;
    overflow-y: scroll;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition:color 99999s ease-out, background-color 5000s ease-in-out 0s !important;
}
* {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}

.bg_size {
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

input:hover {
    cursor: pointer;
}
input:disabled {
    cursor: default;      
}
select:disabled {
    cursor: default;      
   }
select:hover {
    cursor: pointer;
}

button {
    cursor: pointer;
}

.hover:hover {
    color: blue !important;
}
input[type='file'] {
    cursor: pointer;
    font-size: 0;
}
textarea {
    cursor: pointer;
    resize: none;
}
textarea:disabled {
    cursor: default;      
   }
/* 多种flex布局 */
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-a{
    display: flex;
    align-items: center; 
}
.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.flex-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-column-around {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.flex-r-b {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-b{
    display: flex;
    justify-content: space-between;
}
.flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex-row {
    display: flex;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-column-b {
    display: flex;
    flex-direction: column;
}

.flex-column-r {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.flex-c-c {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flex-c-j {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-c-s {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-c-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.flex--j-c{
  display: flex;  
  justify-content: center;
  align-items: flex-start;

}
/* 换行布局 */
.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flex-w {
    display: flex;
    flex-wrap: wrap;
}
.flex-w-s {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.flex-w-b{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-start-start {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}

.flex-column-s {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-end;
}
.gradient {
    background: rgba(6, 59, 119, 0.8) none repeat scroll !important;
    /* rgba(4, 64, 134, 0.8) 前三个确定颜色，最后0.2确定透明度 */
    /*实现FireFox背景透明，文字不透明*/
    background: #044386;
    filter: Alpha(opacity=80);
}

.borderNone {
    border: none;
    outline: none;
}
.showDow{
    box-shadow: 0px 0px 10px #e8e8e8;
}
.showDowBottom{
    box-shadow: 0 8px 10px -10px #5a5a5a;
}
.showDowLittleBottom{
    box-shadow: 0 8px 10px -12px #474646;
}
.leftShowDow{
    box-shadow:  -7px 0px 8px -8px #5a5a5a;
}
/*  */

@keyframes lineMove {
    from {
        width: 0px;
    }

    to {
        width: 120px;
    }
}

.linkMention{
    width: 120px;
    margin: 0 auto;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 14px
}
.linkMention img{
    vertical-align: bottom;
    padding-right: 10px;
}
/* 结束 */
/* 搜索区域 */
.searchPart select {
    padding: 8.2px 4px;
    font-size: 16px;
    margin-right: 14px;
    border: 1px solid #b3afaf;
    /* box-shadow: 0px 0px 6px 1px #c7c5c5; */
    /* rgb(80 80 80 / 20%); */
}

.searchPart input {
    border: 1px solid #b3afaf;
    border-right: none;
    width: 439px;
    padding: 0 20px;
    height: 40px;
    /* box-shadow: 0px 0px 6px 1px #c7c5c5; */
}

/* 检索按钮 */
.searchPart .s_Btn {
    font-size: 16px;
    color: #ffffff;
    width: 80px;
    height: 48px;
    text-align: center;
    line-height: 42px;
    background: linear-gradient(0deg, #E5A850 0%, #E02B2C 100%);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btnShowDow{
    /* box-shadow: 0px 0px 4px #e18b0f; */
    box-shadow: 0px 0px 6px 1px #c7c5c5;
}
.s_Btn:hover {
    background: #E02B2C;
}
.option{
	float:left;
	 /*用div的样式代替select的样式*/
    width: 90px;
    height: 46px;
    /*border-radius: 5px;*/
    /*盒子阴影修饰作用,自己随意*/
    /* box-shadow: 0 0 5px #ccc;*/
    border: 1px #c8c7c7 solid;
	border-right:none;
    position: relative;
    font-family: "Microsoft YaHei";
	font-size:16px;
	color:#323232;
	background: #fff;
}

.option select{
  /*清除select的边框样式*/
    border: none;
  /*清除select聚焦时候的边框颜色*/
    outline: none;
  /*将select的宽高等于div的宽高*/
    width: 100%;
    height: 100%;
  /*隐藏select的下拉图标*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  /*通过padding-left的值让文字居中*/
    padding-left: 20px;
    font-size: 16px;
  }

.option:after{
      content: "";
      width: 12px;
      height: 9px;
	  background:url("/image/index/arrow-down.png") no-repeat;
    /*通过定位将图标放在合适的位置*/
      position: absolute;
      right:0px;
      top: 42%;
    /*给自定义的图标实现点击下来功能*/
     pointer-events: none;
    }
.searchPart input {
    border: 1px #c8c7c7 solid;
    border-left: none;
    border-right: none;
    width: 439px;
    padding: 0 20px;
    height: 46px;
}
/* 结束 */
/* 侧边导航消息 */
.fixaside {
    position: fixed;
    right: 8px;
    top: 46%;
    z-index: 1;
}
.goTop{
    cursor: pointer;
    position: fixed;
    right: 24px;
    top: 86%;
    z-index: 1; 
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 0px 4px #555454;
    color:#aaa9a9;
}
.goTop img{
    width:26px;
}
.goTop span{
    font-size: 14px;
    width: 60%;
    margin: 0 auto;
}
.fixaside>li {
    cursor: pointer;
    width: 78px;
    height: 80px;
    text-align: center;
    background-size: 100%;
    overflow: hidden;
}

.fixaside p {
    font-size: 14px;
    margin: 0;
}

.fixaside>.onebtn>p {

    color: #aaa9a9;

}

.fixaside>.twobtn>p {
    color: #aaa9a9;
}

.fixaside>.threebtn>p {
    color: #aaa9a9;
}

.fixaside>li:hover p {
    color: #ffffff;
}

.fixaside>li i {
    width: 30px;
    height: 30px;
    background-size: 100%;
    display: inline-block;
    margin-top: 14px;
    -ms-background-position-x: center
}

/* hover时背景图 图片改变 */
.fixaside>.onebtn:hover {
    background-image: url('../image/sidbar/cbl-bg-act.png');
}

.fixaside>.onebtn:hover i {

    background-image: url('../image/sidbar/yjfk-white.png');

}

.fixaside>.onebtn {
    background-image: url('../image/sidbar/cbl-bg.png');
}

.onebtn i {
    background-image: url('../image/sidbar/yjfk-gray.png');
}

/* 二个 */
.fixaside>.twobtn:hover {
    background-image: url('../image/sidbar/cbl-bg-act.png');
}

.fixaside>.twobtn:hover i {
    background-image: url('../image/sidbar/wdxx-white.png');
}

.fixaside>.twobtn {
    background-image: url('../image/sidbar/cbl-bg.png');
}

.twobtn i {
    background-image: url('../image/sidbar/wdxx-gray.png');

}

/* 三个 */
.fixaside>.threebtn:hover {
    background-image: url('../image/sidbar/cbl-bg-act.png');

}

.fixaside>.threebtn:hover i {
    background-image: url('../image/sidbar/wdsc-white.png');
}

.fixaside>.threebtn {
    background-image: url('../image/sidbar/cbl-bg.png');
}

.threebtn i {
    background-image: url('../image/sidbar/wdsc-gray.png');
}

/* 点击后样式 */
.oneClickBtn {
    background-image: url('../image/sidbar/cbl-bg-act.png');
}

.oneClickBtn i {
    background-image: url('../image/sidbar/yjfk-white.png');
}

.twoClickBtn {
    background-image: url('../image/sidbar/cbl-bg-act.png');
}

.twoClickBtn i {
    background-image: url('../image/sidbar/wdxx-white.png');
}

.threeClickBtn {
    background-image: url('../image/sidbar/cbl-bg-act.png');
}

.threeClickBtn i {
    background-image: url('../image/sidbar/wdsc-white.png');
}

.oneClickBtn>p {
    color: #ffffff;
}

.twoClickBtn>p {
    color: #ffffff;
}

.threeClickBtn>p {
    color: #ffffff;
}

/* 结束 */
.search .searchPart {
    position: relative;
}
/* 未读红点 */
.readNum{
    padding: 0px 4px;
    background-color: red;
    color: #ffffff;
    border-radius: 10px;
    z-index: 10;
    font-size: 10px;
}
/* 处理回复消息 */
.feedbackBox {
    width: 100%;
    min-height: 397px;
    background-color: #f6f6f7;
}

.feedbackBox input {
    font-size: 16px;
    width: 70%;
    padding: 10px 10px;
    margin-left: 10px;
    outline: none;
    border-radius: 4px;
    border: 1px solid #3891ea;
    background-color: #ffffff;
}

.feedbackBox p {
    padding: 20px 0px;
    padding-left: 70px;
    font-size: 16px;
}

.feedbackBox .textBox {
    font-size: 16px;
    width: 70%;
    padding: 10px 10px;
    margin-left: 10px;
    min-height: 80px;
    outline: none;
    border-radius: 4px;
    border: 1px solid #3891ea;
    background-color: #ffffff;
}

.feedbackBox label {
    color:#3891ea;
    vertical-align: top;
}

.feedbackBox p button {
    margin-left: 70%;
    margin-bottom: 10px;
    width: 62px;
    height: 30px;
    line-height: 30px;
    background-color: #3891ea;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    border: none;
    outline: none;
    border-radius: 5px;
}